<template>
  <view class="firstNav">
    <view class="icon">
      <uni-icons type="search" color="#FFFFFF" size="23"></uni-icons>
      
    </view>
    <view class="moddle">
       <view class="text">推荐</view>
       <view class="text">同城</view>
    </view>
    </view>
</template>

<script>
  export default {
    name:"firstNav",
    data() {
      return {
        
      };
    }
  }
</script>

<style>
.firstNav{
  position: fixed;
  top:25px;
  left:0;
  height:35px;
  width:100%;
  line-height: 35px;
  margin: 0 auto;
  z-index: 20;
}
.icon{
  position:absolute;
  top:0;
  left:0;
  color:#FFFFFF;
  width:20%;
  text-align: center;
  font-size: 20px;
}
.moddle{
  text-align: center;
}
.text{
  display: inline;
  color:#FFFFFF;
  margin: 0 10px;
}
</style>